<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            background-color: darkcyan;
            width: 300px;
            height: 300px;
            /*padding-top: 30px;*/
            /*padding-bottom: 100px;*/
            /*padding-left: 30px;*/

            /*padding: 20px;*/
            /*padding: 50px 10px 20px 20px;*/
            padding: 30px 10px;
        }
    </style>
</head>
<body>

<div>内边距</div>

<!--
内边距
可以通过padding-top、padding-left分别去设置不同方向的内边距
也可以通过padding直接设置四方向的内边距
如果padding设置了一个值：指上下左右都是一样的
如果有两个值：指上下和左右，第一个值设置的是上下边距，第二个值设置的是左右边距
如果有四个值：则分别设置的是上右下左，这个顺序

-->

</body>
</html>